<include file="./Application/Admin/View/_meta.html" />
<include file="./Application/Admin/View/_header.html" />
<include file="./Application/Admin/View/_menu.html" />
<body>
<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 统计管理 <span class="c-gray en">&gt;</span> 项目统计 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="Hui-article">
		<article class="cl pd-20">
			<div id="container"></div>
		</article>
	</div>
</section>

<!--_footer 作为公共模版分离出去-->
<include file="./Application/Admin/View/_footer.html" />
<!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/hcharts/Highcharts/5.0.6/js/modules/exporting.js"></script>
<script type="text/javascript">
	$(function () {
        var json = {$successrate_data};
        var BigArr = [];
        var categoriesArr = [];
        for(var o in json){
            var parr = [json[o].passagewayName];
            var categoriesArr1 = [parseInt(json[o].rate)];
            BigArr.push(parr);
            categoriesArr.push(categoriesArr1);
        }
        var chart = Highcharts.chart('container', {
            title: {
                text: '今日支付通道成功率'
            },
            xAxis: {
                categories: BigArr
            },
            series: [{
                type: 'column',
                colorByPoint: true,
                data: categoriesArr,
                showInLegend: false
            }]
        });
        $('#plain').click(function () {
            chart.update({
                chart: {
                    inverted: false,
                    polar: false
                },
            });
        });
        $('#inverted').click(function () {
            // chart.update 支持全部属性动态更新
            chart.update({
                chart: {
                    inverted: true,
                    polar: false
                },
                subtitle: {
                    text: '反转'
                }
            });
        });
        $('#polar').click(function () {
            chart.update({
                chart: {
                    inverted: false,
                    polar: true
                },
                subtitle: {
                    text: '极地图'
                }
            });
        });
    });


</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>